

.map-measure {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    .map-measure-button {
        flex: 0 0 40px;
        width: 40px;
        border-width: 0px;
        color: #212121;
        background-color: transparent;
        cursor: pointer;
        outline: none;
        &:first-child,
        &:last-child {
            flex: 0 0 45px;
            width: 45px;
        }
        &:first-child {
            padding-left: 5px;
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
        }
        &:last-child {
            padding-right: 5px;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
        }
        &:hover {
            background-color: #e5e5e5;
        }
        .ege {
            font-size: 20px;
        }
    }
    .map-measure-button-active {
        color: white;
        background-color: #2f9bff;
        &:hover {
            color: white;
            background-color: #2f9bff;
        }
    }
    .map-menasure-parting-line {
        flex: 0 0 1px;
        width: 1px;
        border-left: 1px solid #e5e5e5;
    }
}